@tailwind base;
@tailwind components;
@tailwind utilities;



#app {
  height: 100vh;
  overflow-y: hidden;
  background-color: rgba(240, 248, 255, 0);
}


body {
   background-image: url('../assets/login_bg.jpeg');
   background-repeat: no-repeat;
   background-size: cover;
 }

 /* 自定义悬停样式 */
.hover-container {
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 6px;
  padding: 8px 12px;
}

.hover-container:hover {
  background-color: #e2e8f0; /* 悬停时的背景色 */
}

.hover-container.active {
  background-color: #dbeafe; /* 选中状态的颜色 */
}


.prevent-select {
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
}

.no-select {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}